草庐IT

jQuery 事件

全部标签

javascript - 强制 Safari 在 jQuery GET 请求中包含 Origin header

从https://app.example.com我提出以下请求:$.get('https://api.example.com',{foo:'bar'}).success(getSuccess).error(getError);它在Chrome和Firefox中运行良好,但在Safari中运行不佳。Safari不执行预检OPTIONS请求或包含Origin:https://app.example.comheader,因此服务器不会返回Access-Control-Allow-Origin:https://app.example.comheader。有没有办法强制Safari包含Origi

javascript - 在 jQuery 模板中使用返回值

经过一些澄清后,我重述我的问题如下。在jquery模板中,我得到了某事。像这样使用函数的返回值很麻烦${$data.score=getScore(results)}{{tmpl(homeTeam,{score:score})"#scoreTemplate"}}是否可以简化-就像下面这样,不幸的是,这并不能解决问题?{{tmpl(homeTeam,{score:getScore(results)})"#scoreTemplate"}}非常感谢,罗布森 最佳答案 尝试这样的事情,{{tmpl(homeTeam,{teamRole:'ho

javascript - 如果用户更改了 CSS 样式,则触发事件?

我正在为IE9(Javascript)编写一个轻量级的htc程序。CSS3有一个名为transition的新属性,但它在IE9中不起作用。我正在尝试实现它,但我需要知道属性何时更改。我熟悉DOMAttrModified和onpropertychange,但如果CSS更改属性,它们不会触发:a{color:#FFF;}a:hover{color:#000;}如果您将鼠标悬停在anchor上,DOMAttrModified不会执行任何操作。我可以使用mouseover、mouseout、blur、focus、activate和停用并在每次发生属性更改时检查它们,但是如果:div:hover

javascript - offsetHeight 和 offsetWidth 在第一个 onclick 事件而不是第二个事件上计算不正确

我写了下面的脚本来显示一个隐藏的元素,然后将它的位置固定到页面的中心。functionpopUp(id,type){varpopUpBox=document.getElementById(id);popUpBox.style.position="fixed";popUpBox.style.display="block";popUpBox.style.zIndex="6";popUpBox.style.top="50%";popUpBox.style.left="50%";varheight=popUpBox.offsetHeight;varwidth=popUpBox.offsetWi

javascript/jquery - 如何获取尚未添加到 dom 的元素/css 类的宽度

我正在尝试动态查找具有特定宽度的css类的元素的宽度,以便动态定位其背景图像(Sprite)。但是,该元素尚未添加到DOM。有没有办法在将类添加到DOM之前读取类的宽度属性? 最佳答案 我相信你做不到。而是将其添加到测试div,找到宽度,然后删除div。$selector.append("");varwidthVal=$selector.find("#test").width();$("#test").remove();selector是您可能想要附加到的元素选择器。您可以将一个类与“test”div相关联,使其显示为“displa

javascript - jQuery,寻找一种更智能的初始化方式

我正在寻找一种更好的方法来管理大型项目中的全局组件/插件/小部件初始化。它有许多jQuery支持的组件,我想快速高效地初始化这些组件,在搜索互联网之后,我只真正找到了一些短视的例子,这些例子只在较小的网站上是现实的/高性能的。问题我想找到一种聪明而优雅的方法来摆脱它:$(function(){$('.widget-one').widgetOne();});$(function(){$('.widget-two').widgetTwo();});$(function(){$('.widget-three').widgetThree();});$(function(){$('.widget

单击元素的填充时不会触发 Javascript Click 事件

有没有人遇到过类似的事情?当我点击li元素的中间区域时,点击事件会触发,但当我点击靠近其边缘的填充区域时,事件不会触发。我绑定(bind)到元素上的click。super难倒。 最佳答案 我也看到了这种情况,但仅限于iOS。用div包装也不起作用。经过一些研究,我发现YUI委托(delegate)监听器并未在该节点的填充上触发(尽管它在节点上的其他任何地方都触发)。最终,我通过从委托(delegate)监听器中完全删除该节点并为该节点添加传统的点击事件监听器来修复它。之后,一切正常!不确定这是否对您的情况有帮助。

javascript - 使用 AjaxStop 事件(在 Chrome 中)完成 ajax 调用后,将等待光标更改为默认值(自动)

我遇到了这个问题,通过一些谷歌搜索我意识到这可能是Chrome和Safari浏览器中的一个错误。当我提交表单(基本上,进行ajax调用)时,默认光标变为等待光标(沙漏),当ajax调用完成(响应)时,光标变为默认类型(箭头)。但是,这只适用于IE和FF。在Chrome中,光标仍然是沙漏光标,直到我执行移动光标或发出警报等操作。我尝试了一种很像提到的解决方案here它使用Jquery的AjaxStop和Start事件来触发操作,但由于某种原因它对我不起作用。下面是我的jsp/html代码。functionSubmitForm(){globalAjaxCursorChange();//so

javascript - JQuery - 将 .on 与元素插入结合使用

我有一个为特定对象创建工具提示的函数。目前,我在ajax插入后运行一个工具提示函数来创建和附加新的工具提示对象。我很好奇是否有一种方法可以使用.on()在插入时自动运行工具提示功能,而不是手动运行它。例如:$('[title]').on('inserted',function(){tooltip(this);});我做了一些阅读,看起来自定义触发器可能是可行的方法,但如果存在这样的东西我会很高兴:) 最佳答案 根据要求,这是伪代码。$(document).ready(function(){$('body').on('added','

javascript - Chrome DOM 未针对 jQuery 附加/淡入更新

从服务器获取新记录后,我使用jQuery1.7.2中的AJAX成功回调将新记录添加到列表并将其淡入。functiononSuccess(data,status,xhr){varrecord=$(template_html);//populate`record`with`data`values.body.append(record);//bodyisajQueryobjectfromclosurescoperecord.fadeIn('fast');}我在以下浏览器中对此进行了测试:IE8IE9Safari5.1.7火狐14.0.1Chrome21.0.1180.79歌剧11.64除Ch